<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="utf-8" />
		<title>研学平台首页</title>
		<link rel="stylesheet" type="text/css" href="css/index/commonality.css" />
		<link rel="stylesheet" type="text/css" href="css/index/index.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
	</head>
	<body>
		<header>
			<iframe src="tool/header/index_header.html" width="100%" height="130px" frameborder="0" scrolling="no"></iframe>
		</header>
		<!-- 轮播图 -->
		<div class="i_carousel_img">
			<div id="i_img_content" class="swiper-container swiper-container-horizontal">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><a href="javascript:void(0)"><img src="img/index/loginbagimg.jpg"></a></div>
					<div class="swiper-slide"><a href="javascript:void(0)"><img src="img/index/loginbagimg.jpg"></a></div>
					<div class="swiper-slide"><a href="javascript:void(0)"><img src="img/index/loginbagimg.jpg"></a></div>
					<div class="swiper-slide"><a href="javascript:void(0)"><img src="img/index/loginbagimg.jpg"></a></div>
				</div>
				<div class="swiper-pagination"></div>
				<!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
				<div class="swiper-button-next" style="margin-right: 130px;"></div>
				<div class="swiper-button-prev" style="margin-left: 130px;"></div>
			</div>
		</div>
		<section>
			<!-- 1. 内容部分 -->
			<!-- 1.1通知公告 1.2最新课程  1.3用户登录 -->
			<div class="i_section_content">
				<!-- 1.1通知公告 -->
				<div class="i_content_inform">
					<h3 class="i_content_title">通知公告</h3>
					<ul class="i_inform_ul">
						<li class="i_inform_li_title"><a href="javascript:void(0);" style="text-decoration: none;">河南省教育厅关于对河南省研学世间教育精品课程和精品路线评选结果公示的通知</a></li>
						<li class="i_inform_li_name_info"><span class="i_inform_li_name"><a href="javascript:void(0); " style="text-decoration: none;">河南省教育厅</a></span><span
							 class="i_inform_li_time">2020-12-20</span></li>
					</ul>
					<ul class="i_inform_ul">
						<li class="i_inform_li_title"><a href="javascript:void(0);" style="text-decoration: none;">河南省教育厅关于对河南省研学世间教育精品课程和精品路线评选结果公示的通知</a></li>
						<li class="i_inform_li_name_info"><span class="i_inform_li_name"><a href="javascript:void(0); " style="text-decoration: none;">河南省教育厅</a></span><span
							 class="i_inform_li_time">2020-12-20</span></li>
					</ul>
					<ul class="i_inform_ul">
						<li class="i_inform_li_title"><a href="javascript:void(0);" style="text-decoration: none;">河南省教育厅关于对河南省研学世间教育精品课程和精品路线评选结果公示的通知</a></li>
						<li class="i_inform_li_name_info"><span class="i_inform_li_name"><a href="javascript:void(0); " style="text-decoration: none;">河南省教育厅</a></span><span
							 class="i_inform_li_time">2020-12-20</span></li>
					</ul>
					<ul class="i_inform_ul">
						<li class="i_inform_li_title"><a href="javascript:void(0);" style="text-decoration: none;">河南省教育厅关于对河南省研学世间教育精品课程和精品路线评选结果公示的通知</a></li>
						<li class="i_inform_li_name_info"><span class="i_inform_li_name"><a href="javascript:void(0); " style="text-decoration: none;">河南省教育厅</a></span><span
							 class="i_inform_li_time">2020-12-20</span></li>
					</ul>
				</div>
				<!-- 1.2最新课程  -->
				<div class="i_content_course">
					<h3 class="i_content_title">最新课程</h3>
					<ul class="i_course_ul">
						<li class="i_course_li_img"><a href="#" target="_blank"><img src="img/index/loginbagimg.jpg"></a></li>
						<li class="i_course_li_title"><b>前端小白入门课</b></li>
						<li><span class="i_course_li_info">5步骤/33节课</span><span class="i_course_li_count"><img src="img/index/i_course_li_count_user.png" />
								2978</span><span class="i_course_li_grade">评分 9.98</span></li>
						<li class="i_course_li_content_info">从小白到老司机，学会HTML、CSS、js jquery基础，地理开发挂号平台网页</li>
						<li><span class="i_course_li_money">￥568.00</span><span class="i_course_li_shopping"><a href="">加入购物车</a></span></li>
					</ul>
				</div>
				<!-- 1.3用户登录 -->
				<div class="i_content_userlogin">
					<h3 class="i_content_title" style="margin-left: 10px;">用户登录</h3>
					<ul class="nav text-center i_userlogin_ul">
						<li style="display: inline-block;"><a href="#i_userlogin_one" class="i_userlogin_ul_li i_one" data-toggle="pill">账户密码登录</a></li>
						<li style="display: inline-block;"><a href="#i_userlogin_two" data-toggle="pill" class="i_userlogin_ul_li i_two">手机号登录</a></li>
					</ul>

					<div class="tab-content">
						<div class="tab-pane fade in active" id="i_userlogin_one">
							<div class="login_inner">
								<form id="loginForm" action="user/login" method="post" accept-charset="utf-8">
									<div class="input-group">
										<span class="i_userlogin_user_img"><img src="img/index/i_userlogin_user_img.png" /></span>
										<input class="form-control account" type="text" placeholder="账户" autocomplete="off">
									</div>
									<br>
									<div class="input-group">
										<span class="i_userlogin_pwd_img"><img src="img/index/i_userlogin_pwd_img.png" /></span>
										<input class="form-control account_pwd" type="password" placeholder="密码" autocomplete="off">
									</div>

									<div class="input-group">
										<div class="i_userlogin_infos">
											<span><input type="checkbox">自动登录</span>
											<span class="i_userlogin_base">
												<a href="#">基地注册</a>
												<a href="#">忘记密码</a>
											</span>
										</div>
									</div>
									<br />

									<div class="input-group">
										<input type="button" class="submit_btn" onclick="account_submit()" value="登录" />
									</div>
									<br />
									<div class="input-group">
										<span style="font-size: 15px;color: red;">登录失败</span>
									</div>
								</form>
							</div>
						</div>
						<div class="tab-pane fade" id="i_userlogin_two">
							<form id="registerForm" method="post" action="yiju/register">
								<br />
								<div class="input-group i_userlogin_register_phone">
									<span class="i_userlogin_user_img"><img src="img/index/i_userlogin_phone.png" /></span>
									<input class="form-control phone" type="text" placeholder="请输入手机号" autocomplete="off" />
								</div>
								<br />
								<div class="input-group i_userlogin_register_phone">
									<input name="username" class="form-control input-group-lg verification" type="text" placeholder="请输入验证码"
									 autocomplete="off" />
									<span class="input-group-btn"><button class="btn btn-default" type="button">获取验证码</button></span>
								</div>
								<br />
								<div class="input-group" style="margin-top:20px">
									<input type="button" class="submit_btn" onclick="phone_submit()" value="登录" />
								</div>
								<br />
								<div class="input-group">
									<span style="font-size: 15px;color: red;">注册失败</span>
								</div>
							</form>
						</div>
					</div>
				</div>
				<!-- 2. 研学成果 最受关注 -->
				<div class="i_section_achievement">
					<!-- 2.1研学成果 -->
					<div class="i_achievement_info">
						<h3 class="i_content_title">研学成果</h3>
						<ul class="i_info_ul">
							<li class="i_info_ul_li_img"><a href=""><img src="img/index/loginbagimg.jpg"></a></li>
							<li class="i_info_ul_li_title"><a href=""><b>河南省教育厅关于对河南省研学实践教育精品课程和精品线路评选结果公示的通知</b></a></li>
							<li class="i_info_ul_li_info">
								<a href="javascript:void(0);"><span class="i_info_ul_li_user"><img src="img/index/loginbagimg.jpg" /><span>河南省教育厅
											· 2019/12/21</span></span></a>
											
								<span class="i_info_ul_li_see"><img src="img/index/i_info_ul_li_see.png" width="20px" height="20px" /><span>2895</span></span>
								<span class="i_info_ul_li_collect"><a href="#"><img src="img/index/i_info_ul_li_collect_gray.png" width="20px"
										 height="20px"></a><span>25</span></span>
								<span class="i_info_ul_li_give"><a href="#"><img src="img/index/i_info_ul_li_give_gray.png" width="17px" height="17px" /></a>
									<span>94</span></span>
							</li>
						</ul>
						<ul class="i_info_ul">
							<li class="i_info_ul_li_img"><a href=""><img src="img/index/loginbagimg.jpg"></a></li>
							<li class="i_info_ul_li_title"><a href=""><b>河南省教育厅关于对河南省研学实践教育精品课程和精品线路评选结果公示的通知</b></a></li>
							<li class="i_info_ul_li_info">
								<a href="javascript:void(0);"><span class="i_info_ul_li_user"><img src="img/index/loginbagimg.jpg" /><span>河南省教育厅
											· 2019/12/21</span></span></a>
											
								<span class="i_info_ul_li_see"><img src="img/index/i_info_ul_li_see.png" width="20px" height="20px" /><span>2895</span></span>
								<span class="i_info_ul_li_collect"><a href="#"><img src="img/index/i_info_ul_li_collect_gray.png" width="20px"
										 height="20px"></a><span>25</span></span>
								<span class="i_info_ul_li_give"><a href="#"><img src="img/index/i_info_ul_li_give_gray.png" width="17px" height="17px" /></a>
									<span>94</span></span>
							</li>
						</ul>
						<ul class="i_info_ul">
							<li class="i_info_ul_li_img"><a href=""><img src="img/index/loginbagimg.jpg"></a></li>
							<li class="i_info_ul_li_title"><a href=""><b>河南省教育厅关于对河南省研学实践教育精品课程和精品线路评选结果公示的通知</b></a></li>
							<li class="i_info_ul_li_info">
								<a href="javascript:void(0);"><span class="i_info_ul_li_user"><img src="img/index/loginbagimg.jpg" /><span>河南省教育厅
											· 2019/12/21</span></span></a>
											
								<span class="i_info_ul_li_see"><img src="img/index/i_info_ul_li_see.png" width="20px" height="20px" /><span>2895</span></span>
								<span class="i_info_ul_li_collect"><a href="#"><img src="img/index/i_info_ul_li_collect_gray.png" width="20px"
										 height="20px"></a><span>25</span></span>
								<span class="i_info_ul_li_give"><a href="#"><img src="img/index/i_info_ul_li_give_gray.png" width="17px" height="17px" /></a>
									<span>94</span></span>
							</li>
						</ul>
						<ul class="i_info_ul">
							<li class="i_info_ul_li_img"><a href=""><img src="img/index/loginbagimg.jpg"></a></li>
							<li class="i_info_ul_li_title"><a href=""><b>河南省教育厅关于对河南省研学实践教育精品课程和精品线路评选结果公示的通知</b></a></li>
							<li class="i_info_ul_li_info">
								<a href="javascript:void(0);"><span class="i_info_ul_li_user"><img src="img/index/loginbagimg.jpg" /><span>河南省教育厅
											· 2019/12/21</span></span></a>
											
								<span class="i_info_ul_li_see"><img src="img/index/i_info_ul_li_see.png" width="20px" height="20px" /><span>2895</span></span>
								<span class="i_info_ul_li_collect"><a href="#"><img src="img/index/i_info_ul_li_collect_gray.png" width="20px"
										 height="20px"></a><span>25</span></span>
								<span class="i_info_ul_li_give"><a href="#"><img src="img/index/i_info_ul_li_give_gray.png" width="17px" height="17px" /></a>
									<span>94</span></span>
							</li>
						</ul>
						<!-- 分页 -->
						<div id="paging">
							<iframe src="index_paging.html" width="100%" height="50px" frameborder="0"></iframe>
						</div>
					</div>
					<!-- 2.2最受关注 -->
					<div class="i_achievement_attention">
						<h3 class="i_content_title">最受关注</h3>

						<ul class="nav text-center i_attention_ul">
							<li style="display: inline-block;"><a href="#i_attention_one" class="i_attention_li" data-toggle="pill">基地</a></li>
							<li style="display: inline-block;"><a href="#i_attention_two" data-toggle="pill" class="i_attention_li">课程</a></li>
							<li style="display: inline-block;"><a href="#i_attention_three" data-toggle="pill" class="i_attention_li">线路</a></li>
						</ul>
						<div class="tab-content i_attention_divcontent">
							<!-- 2.2.2 基地 -->
							<div class="tab-pane fade in active" id="i_attention_one">
								<dl class="i_attention_base">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<dl class="i_attention_base">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<dl class="i_attention_base">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<dl class="i_attention_base">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<dl class="i_attention_base">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<button class="i_attention_base_button"><a href="javascript:void(0);">查看更多</a></button>
							</div>
							<!-- 2.2.2 课程 -->
							<div class="tab-pane fade" id="i_attention_two">
								<dl class="i_attention_course">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<dl class="i_attention_course">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<dl class="i_attention_course">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<dl class="i_attention_course">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<dl class="i_attention_course">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<button class="i_attention_course_button"><a href="javascript:void(0);">查看更多</a></button>
							</div>
							<!-- 2.2.2 线路 -->
							<div class="tab-pane fade" id="i_attention_three">
								<dl class="i_attention_circuit">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<dl class="i_attention_circuit">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<dl class="i_attention_circuit">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<dl class="i_attention_circuit">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<dl class="i_attention_circuit">
									<dt><img src="img/index/loginbagimg.jpg"></dt>
									<dd class="i_attention_title"><a href="javascript:void(0);">飞猪专线爱游全国日本旅游冲绳自由行东京大阪名古屋上海北京广州</a></dd>
									<dd class="i_attention_source"><a href="javascript:void(0);">飞猪专线</a></dd>
									<dd class="i_attention_buy">最近有<span>68</span>人已经购买</dd>
								</dl>

								<button class="i_attention_circuit_button"><a href="javascript:void(0);">查看更多</a></button>
							</div>
						</div>

					</div>
				</div>
		</section>
		<footer>
			<iframe src="tool/footer/index_foot.html"  width="100%"
			 frameborder="0" scrolling="no" class="index_footer"></iframe>
		</footer>
		<script type="text/jscript" src="js/jquery-1.9.1.js"></script>
		<script type="text/jscript" src="tool/layer-v3.1.1/layer/layer.js"></script>
		<script type="text/jscript" src="js/bootstrap.js"></script>
		<script type="text/jscript" src="js/swiper.js"></script>
		<script type="text/jscript" src="js/index/index.js"></script>
	</body>
</html>
